﻿@using CashFlow.Db.Entity;
@using CashFlow.Web.Common;
@{
    ViewBag.Title = "Index";
    Layout = null;
    var ui = ViewBag.UserInfo as UserInfoEntity;
    var ui2 = ViewBag.ReferenceUserInfo as UserInfoEntity;
    var si = ViewBag.ShopInfo as ShopInfoEntity;
    var ui3 = ViewBag.ShopManagerInfo as UserInfoEntity;
    var shopLevelName = ViewBag.ShopLevelName as string;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="~/Static/Scripts/layui-v2.8.18/css/layui.css">
    <script type="text/javascript" src="~/Static/Scripts/md5.js"></script>
    <script type="text/javascript" src="~/Static/Scripts/layui-v2.8.18/layui.js"></script>
    <script type="text/javascript" src="~/Static/Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Static/Scripts/clipboard.min.js"></script>
    <script type="text/javascript" src="~/Static/Js/Tools.js"></script>
    <title>满堂创品</title>
    <style type="text/css">
        .top {
            width: 100%;
            margin: 0px auto;
            background: url(/Static/Images/bg2.jpg) no-repeat 0px 0px;
            background-size: 100% 250px;
        }

        .bottom-box {
            width: 100%;
            display: flex;
            background-color: white;
            position: fixed;
            left: 0;
            bottom: 0;
            padding: 10px 0;
        }

        .bottom-box-link {
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 14px;
        }

        .top-title {
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: 800;
            font-size: 18px;
            color: white;
        }

        .top-middle {
            width: 90%;
            margin: 0px auto;
            height: 190px;
        }

        .top-middle-text-item {
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            color: #454847;
        }

            .top-middle-text-item span {
                color: white;
                font-weight: 700;
            }

        .copy {
            width: 80px;
            background-color: #e4534e;
            text-align: center;
            font-size: 14px;
            color: #fff;
            border-radius: 6px;
            display: inline-block;
            margin-left: 5px;
        }

        .middle-box {
            padding: 15px;
        }

        .link-box {
            padding: 0px 15px;
            background-color: #fff;
            border-radius: 10px;
        }

        .link-line {
            height: 60px;
            border-bottom: 1px solid #efefef;
            display: flex;
            align-items: center;
            position: relative;
            font-size: 15px;
        }

            .link-line:last-of-type {
                border-bottom: none;
            }

            .link-line img {
                width: 18px;
                margin-right: 10px;
                display: inline-block;
            }

            .link-line::after {
                content: "\e602";
                position: absolute;
                right: 0;
                color: #ccc;
                font-size: 18px;
                font-weight: 700;
            }

        .link-btn {
            width: 95%;
            background-color: #e4534e;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            border-radius: 6px;
            margin-top: 40px;
            display: block;
            margin: 0px auto;
        }

        .levelIntroduce {
            width: 80px;
            background-color: cadetblue;
            text-align: center;
            font-size: 14px;
            color: #fff;
            border-radius: 6px;
            display: inline-block;
            margin-left: 5px;
        }

        .shopLevelTable {
            width: 100%;
        }

            .shopLevelTable td {
                padding: 5px;
                text-align: center;
                height: 30px;
            }
    </style>
</head>
<body style="background-color: #f7f7f7;">
    <div class="top">
        <div class="top-title">个人中心</div>
        <div class="top-middle">
            <div class="top-middle-text-item">姓名:  <span>@ui.Name</span></div>
            <div class="top-middle-text-item" style="height:32px; line-height:32px;">
                邀请码:  <span id="invitationCode">@ui.InvitationCode</span>&nbsp;&nbsp;<span class="copy" data-clipboard-target="#invitationCode">点我复制</span>
            </div>
            <div class="top-middle-text-item">手机号码: <span>@ui.Phone</span></div>
            <div class="top-middle-text-item">注册时间:  <span>@ui.CreateTime.ToString("yyyy-MM-dd HH:mm:ss")</span></div>
            @*<div class="top-middle-text-item">推荐人:  <span>@ui2.Name</span></div>*@
            <div class="top-middle-text-item">店铺等级:  <span>@shopLevelName</span>&nbsp;&nbsp;<span class="levelIntroduce">等级说明</span></div>
        </div>
    </div>
    <div class="middle-box">
        <div class="link-box">
            @if (MyCommonTool.IsRootUser())
            {
                <a href="/SystemManage/Home/Index" class="link-line layui-icon">
                    <img src="~/Static/Images/link0.png" />
                    系统管理
                </a>
            }
            @if (MyCommonTool.IsShopManager())
            {
                <a href="/ShopManage/Home/Index" class="link-line layui-icon">
                    <img src="~/Static/Images/link0.png" />
                    店长管理
                </a>
            }
            <a href="/User/MyCustomers" class="link-line layui-icon">
                <img src="~/Static/Images/link0.png" />
                我的客户
            </a>
            <a href="/UserAccount/UpdateAccountInfo" class="link-line layui-icon">
                <img src="~/Static/Images/link1.png" />
                账户信息
            </a>
            <a href="/UserAccount/UpdateAddress" class="link-line layui-icon">
                <img src="~/Static/Images/link2.png" />
                收货地址
            </a>
            <a href="/Order/Performance" class="link-line layui-icon">
                <img src="~/Static/Images/link4.png" />
                订单统计
            </a>
            <a href="/Fee/Index" class="link-line layui-icon">
                <img src="~/Static/Images/link1.png" />
                记账工具
            </a>
            <a href="/User/UpdatePwd" class="link-line layui-icon">
                <img src="~/Static/Images/link3.png" />
                登陆密码
            </a>
        </div>
    </div>
    <div style="padding-bottom: 86px;"><a href="/Home/Logout" class="link-btn">退出登陆</a></div>
    <div class="bottom-box">
        <a href="/Home/Index" class="bottom-box-link"><img src="~/Static/Images/user0.png" />首页</a>
        <a href="/Order/Index" class="bottom-box-link"><img src="~/Static/Images/user1.png" />订单</a>
        <a href="/Appointment/Index" class="bottom-box-link"><img src="~/Static/Images/user2.png" />预约</a>
        <a href="/User/Index" class="bottom-box-link"><img src="~/Static/Images/user3.png" />我的</a>
    </div>
    <input type="hidden" value="" id="hidden1" />
</body>
</html>
<script type="text/javascript" src="~/Static/Js/my.js?rand=0"></script>